.char {
  margin: 24px;
}

.commonChar {
  padding: 105px 20px 0 20px;
  background: #888;
}


:global {
  #commonChar {
    margin-bottom: 24px;
  }
  #commonChar .ant-card-head {
    padding: 0!important;
  }
  #commonChar .ant-card-extra {
    padding: 12px 24px!important;
  }
  #commonChar canvas + div {
    display: none;
  }
}


.offlineCard {
  :global {
    .ant-tabs-ink-bar {
      bottom: auto;
    }
    .ant-tabs-bar {
      border-bottom: none;
    }
    .ant-tabs-nav-container-scrolling {
      padding-left: 40px;
      padding-right: 40px;
    }
    .ant-tabs-tab-prev-icon:before {
      position: relative;
      left: 6px;
    }
    .ant-tabs-tab-next-icon:before {
      position: relative;
      right: 6px;
    }
    .ant-tabs-tab-active h4 {
      color: @primary-color;
    }
  }
  .tabGroup {
    width: 138px;
    margin: 8px 0!important;
  }
}
